//页面加载完成，然后得到id，通过id去数据库查询数据，并赋值到表单
$(function () {
    findById();
});

function findById() {
    let id = sessionStorage.getItem("userID");
    //通过id访问后台，得到数据库查询出来的值
    // console.log(id);
    $.ajax({
        url: '/back/user/findById',
        data: {id: id},
        type: 'get',
        dataType: 'json',
        success: function (data) {
            setUser(data.result);
        }
    })
}

function setUser(data) {

    $("#L_username").val(data.username);
    $("#L_email").val(data.email);
    $("#phone").val(data.phone);
    $("#birthday").val(data.birthday);
    $("input[name='sex'][value=" + data.sex + "]").attr("checked", true);
    $('input[type=checkbox][name=hobby]').each(function () {
        if (data.hobby != undefined) {
            let hobby = data.hobby.split(",");
            for (let i = 0; i < hobby.length; i++) {
                if (hobby[i] == this.title) {
                    $(this).attr("checked", true);
                }
            }
        }
    });
    $("#enable").val(data.enable);
    formFlush();
    // $('#userForm').formEdit(data);
}

// $.fn.formEdit = function (data) {
//     console.log(data);
//     return this.each(function () {
//         var input, name;
//         if (data == null) {
//             this.reset();
//             return;
//         }
//         for (var i = 0; i < this.length; i++) {
//             input = this.elements[i];
//             //checkbox的name可能是name[]数组形式
//             name = (input.type == "checkbox") ? input.name.replace(/(.+)\[\]$/, "$1") : input.name;
//             if (data[name] == undefined) continue;
//             switch (input.type) {
//                 case "checkbox":
//                     if (data[name] == "") {
//                         input.checked = false;
//                     } else {
//                         //数组查找元素
//                         // console.log(data[name], input.title)
//                         // let hobby = data[name].split(",");
//                         // for (let i = 0; i < hobby.length; i++) {
//                         if (data[name] == input.title) {
//                             input.checked = true;
//                         } else {
//                             input.checked = false;
//                         }
//                         // }
//
//                     }
//                     break;
//                 case "radio":
//                     // console.log(data[name]===input.value)
//                     if (data[name] === "") {
//                         input.checked = false;
//                     } else if (input.value === data[name]) {
//                         input.checked = true;
//                     }
//                     break;
//                 case "button":
//                     break;
//                 default:
//                     input.value = data[name];
//             }
//             formFlush();
//         }
//     });
// };

function formFlush() {
    layui.use(['laydate', 'form', 'layer', 'jquery'],
        function () {
            $ = layui.jquery;
            var form = layui.form;
            form.render();
        })
}

layui.use(['laydate', 'form', 'layer', 'jquery'],
    function () {
        $ = layui.jquery;
        var form = layui.form,
            layer = layui.layer;
        var laydate = layui.laydate;
        //执行一个laydate实例
        laydate.render({
            elem: '#birthday' //指定元素
            , trigger: 'click'//强制弹出时间框
        });
        //监听提交
        form.on('submit(update)',
            function (data) {
                // console.log(data.field);
                //数组
                data = data.field;//讲data重新赋值
                //将页面全部复选框选中的值拼接到一个数组中
                var hobby = [];
                $('input[type=checkbox]:checked').each(function () {
                    hobby.push(this.title);
                });
                data.hobby = hobby.toString();
                data.id = sessionStorage.getItem("userID");
                //发异步，把数据提交给java
                $.ajax({
                    url: '/back/user/update',
                    data: data,
                    dataType: 'json',
                    type: 'post',
                    success: function (data) {
                        if (data.result == 'success') {
                            layer.alert("编辑成功", {
                                    icon: 6
                                },
                                function () {
                                    //关闭当前frame
                                    xadmin.close();
                                    // 可以对父窗口进行刷新
                                    xadmin.father_reload();
                                });
                        } else {
                            layer.alert("编辑失败");
                        }
                    }
                });

                return false;
            });
    });